<template>
    <div class="banner">
        <div class="content">
            <div class="my-content">
                <h1>连载榜</h1>
                <h2>作品三日内有更新，按周热度排行</h2>
            </div> 
        </div>
    </div>
</template>
<style scoped>
    .banner{
        width: 100%;
        height: 150px;
        background-image: url('/zhd-img/bg.png');
        background-size: cover;
    }
    .content{
        width: 750px;
        height:150px;
        margin: 0 auto;
        overflow: hidden;
    }
    .content h1{
        width: 210px;
        height: 30px;
        color: #fff;
        font-size: 30px;
        text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
        font-weight: normal;
        line-height: 1;
    }
    .content h2{
        width: 210px;
        font-size: 14px;
        height: 14px;
        font-weight: normal;
        line-height: 1;
        margin-top: 10px;
        color: #fff;
    }
    .my-content{
        width: 210px;
        height: 52px;
        margin-top: 30px;
    }
</style>